<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>eachgo管理-修改商品信息</title>
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/css.css">

    <script src="./js/jquery-2.1.4.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/js.js"></script>
</head>
<body>

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->

<div class="container">
    <!--header-div start-->
    <div class="row" style="margin: 0">
        <div class="col-sm-2 col-lg-2" style="padding:0;">
            <img src="img/logo.png" style="height:58px;width:auto;margin: 30px 30px;">
        </div>
        <div class="col-sm-2 col-lg-2">
            <h3 style="margin: 60px 0 0 0">后台管理系统</h3>
        </div>
    </div>
    <!--header-div end-->

    <!--body-div start-->
    <div class="row" style="margin: 0">
        <div class="col-sm-12 col-lg-12" style="background-color: #00cebc;">
            <div style="padding-top: 10px;">
                <span style="font-size: 16px">&nbsp;工号201310414325433</span>
                <span style="margin-left: 50px;"><a href="#" style="color: #000;font-size: 16px;">退出登录</a></span>
                <span class="time pull-right" style="font-size: 16px;"></span>
            </div>

            <div class="row" style="margin: 0">
                <!--leftbar start-->
                <div id="leftbar">
                    <div class="text-center"><h4>欢迎登录Eachgo后台管理系统</h4></div>
                    <div style="background-color: #a2dae0;margin: 0 10px 10px 10px;padding: 1px 0;">
                        <div class="panel-group" id="accordion">
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    仓库管理
                                </button>
                                <div id="collapseOne" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    商品管理
                                </button>
                                <div id="collapseTwo" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    拼购管理
                                </button>
                                <div id="collapseThree" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    订单管理
                                </button>
                                <div id="collapseFour" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    商品评价管理
                                </button>
                                <div id="collapseFive" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                    高校代理管理
                                </button>
                                <div id="collapseSix" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="true" aria-controls="collapseSeven">
                                    管理员帐户
                                </button>
                                <div id="collapseSeven" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseEight" aria-expanded="true" aria-controls="collapseEight">
                                    页面广告管理
                                </button>
                                <div id="collapseEight" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseNine" aria-expanded="true" aria-controls="collapseNine">
                                    用户管理
                                </button>
                                <div id="collapseNine" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--leftbar end-->

                <!--rightbar start-->
                <div id="rightbar">
                    <div class="h4" style="margin-bottom: 0">
                        <span>当前位置：</span>
                        <ol class="breadcrumb" style="display: inline;padding-top: 0;padding-bottom: 0">
                            <li><a href="#">仓库管理</a></li>
                            <li class="active">商品信息管理</li>
                        </ol>
                    </div>
                    <hr style="margin-top: 10px">
                    <div style="margin: 0 40px">
                        <div style="margin-bottom: 0">
                            <form class="form-inline" action="#" method="post">
                                <label>修改商品所在货架:</label>
                                <select class="form-control">
                                    <option selected>一级分类</option>
                                </select>
                                <span>-</span>
                                <select class="form-control">
                                    <option selected>二级分类</option>
                                </select>
                                <span>-</span>
                                <select class="form-control">
                                    <option selected>品牌</option>
                                </select>
                                <span>-</span>
                                <select class="form-control">
                                    <option selected>型号</option>
                                </select>
                            </form>
                        </div>
                        <div style="margin-top: 20px">
                            表格由系统自动生成
                            <table class="table text-center" border="1">
                                <thead>
                                <tr>
                                    <td>型号</td>
                                    <td>颜色</td>
                                    <td>内存</td>
                                    <td>版本</td>
                                    <td>库房数量</td>
                                    <td>目前数量</td>
                                    <td>操作</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="mdl">小米2</td>
                                    <td class="mdl">白色</td>
                                    <td class="mdl">3G内存</td>
                                    <td class="mdl">联通版</td>
                                    <td class="mdl">100</td>
                                    <td class="mdl">1200</td>
                                    <td class="mdl">
                                        <button class="btn btn-sm">修改</button>
                                        <button class="btn btn-sm">删除</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="mdl">小米2</td>
                                    <td class="mdl">白色</td>
                                    <td class="mdl">3G内存</td>
                                    <td class="mdl">联通版</td>
                                    <td class="mdl">100</td>
                                    <td class="mdl">1200</td>
                                    <td class="mdl">
                                        <button class="btn btn-sm">修改</button>
                                        <button class="btn btn-sm">删除</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="mdl">小米2</td>
                                    <td class="mdl">白色</td>
                                    <td class="mdl">3G内存</td>
                                    <td class="mdl">联通版</td>
                                    <td class="mdl">100</td>
                                    <td class="mdl">1200</td>
                                    <td class="mdl">
                                        <button class="btn btn-sm">修改</button>
                                        <button class="btn btn-sm">删除</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="mdl">小米2</td>
                                    <td class="mdl">白色</td>
                                    <td class="mdl">3G内存</td>
                                    <td class="mdl">联通版</td>
                                    <td class="mdl">100</td>
                                    <td class="mdl">1200</td>
                                    <td class="mdl">
                                        <button class="btn btn-sm">修改</button>
                                        <button class="btn btn-sm">删除</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <form method="post" action="#" name="" enctype="multipart/form-data">
                            <div style="width: 45%;float: left">
                                <div class="form-group">
                                    <label class="control-label">商品名称</label>
                                    <input type="text" class="form-control">
                                </div>
                                <div style="font-size: 14px;width: 100%;">
                                    <table id="specialtable" class="table text-center" border="1">
                                        <thead>
                                        <tr>
                                            <td>属性</td>
                                            <td>添加</td>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td><input type="text"></td>
                                            <td><input type="text"></td>
                                        </tr>
                                        <tr>
                                            <td><input type="text"></td>
                                            <td><input type="text"></td>
                                        </tr>
                                        <tr id="parent">
                                            <td colspan="2"><button type="button" id="addition" class="btn">添加+</button></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">入库价格</label>
                                    <input type="text" class="form-control">
                                </div>
                                <input type="hidden" name="" value="">
                            </div>
                            <div style="width: 45%;float: right">
                                <div class="form-group">
                                    <label class="control-label">商品数量</label>
                                    <input type="text" class="form-control">
                                </div>
                                <div>
                                    <label class="control-label">商品图片上传</label>
                                    <div style="width: 100%;min-height: 180px;border: 1px solid #f4a624;margin-bottom: 10px;">
                                        图片上传
                                        <!-- todo:多个图片预览 -->
                                        <input type="file" multiple>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">规格信息文件</label>
                                    <input type="file">
                                </div>
                            </div>
                            <div class="text-center" style="clear: both;margin-bottom: 15px;">
                                <input type="submit" class="btn" value="确认">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="reset" class="btn" value="重置">
                            </div>
                        </form>
                    </div>
                </div>
                <!--rightbar end-->
            </div>
        </div>
    </div>
    <!--body-div end-->

    <!--footer-div start-->
    <div class="row"  style="margin: 0">
        <div class="col-sm-12 col-lg-12 text-center" style="padding: 0;">
            <h3>Powered by TNT</h3>
            <span class="h3 pull-right">ID:12323434</span>
        </div>
    </div>
    <!--footer-div end-->

</div>

</body>
</html>